<template>
	<view class="head">
		<view class="img" @click="back">
			<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/back-arrow.png" mode=""></image>
		</view>
		<view class="message">
			<text>以案说法</text>
		</view>
	</view>
	<scroll-view scroll-y="true" class="scrolly-contair">
	<view class="body">
		<view class="Auto">
			<view class="title">浙江省绍兴市查获机动车作弊检验设备 “产—销—用”非法利益链</view>
			<view class="bottom">
				<view class="context">
					<view class="Left">
						<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/one.png" mode="" class="Left"></image>
					</view>
					<view class="Center">
						<view class="heads">
							郑州市生态环境局新密综合行政执法大队
						</view>
						<view class="fabu">
							<uni-tag text="发布" type="primary"
								style="background-color: #eef2ff;color: #0874FA ;border: none;" />
							<text class="time">2024-03-05 16:01</text>
						</view>
					</view>
					<view class="right">
						阅读量: 2006
					</view>
				</view>
			</view>
		</view>
	
		<view class="content">
			<view class="content-one">
				<view class="content-head">
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/anli.png" mode=""></image>
				</view>
				<view class="conten-text">
					【案情简介】
				</view>
			</view>
			<view class="contet-contect">
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
			</view>
		</view>
		
		
		<view class="content">
			<view class="content-one">
				<view class="content-head">
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/chufa.png" mode=""></image>
				</view>
				<view class="conten-text">
					【查处情况】
				</view>
			</view>
			<view class="contet-contect">
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
			</view>
		</view>
		
		
		
		<view class="content">
			<view class="content-one">
				<view class="content-head">
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/yinhuan.png" mode=""></image>
				</view>
				<view class="conten-text">
					【启示意义】
				</view>
			</view>
			<view class="contet-contect">
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
				2024年9月，按照机动车排放检验领域第三方机构专项整治工作部署，浙江省生态环境厅组织市级生态环境部门对全省,
			</view>
		</view>
		
		
		<view class="picture">
			<view class="content-one">
				<view class="content-head">
					<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/picture.png" mode=""></image>
				</view>
				<view class="conten-text">
					图片
				</view>
			</view>
			<view class="iju">
				<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/tuceng.png" mode=""></image>
			</view>
		</view>
		
		
	</view>
	 
	</scroll-view>

	 
	
</template>

<script setup>
	let back = () => {
		uni.navigateBack({
			delta: 1,
		})
	}
</script>

<style lang="scss" scoped>
	.scrolly-contair{
		height: calc(100vh - 142rpx);
		overflow: auto;
	}
	.head {
		width: 750rpx;
		height: 142rpx;
		background: #0874FA;
		position: relative;
		overflow: hidden;
	}

	.img {
		width: 22rpx;
		height: 38rpx;
		position: absolute;
		top: 60rpx;
		left: 40rpx;
		image {
			width: 22rpx;
			height: 38rpx;
		}
	}

	.message {
		width: 220rpx;
		height: 34rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		font-size: 36rpx;
		color: #FFFFFF;
		line-height: 34rpx;
		position: absolute;
		top: 75rpx;
		left: 270rpx;

		text {
			display: inline-block;
			width: 220rpx;
			height: 34rpx;
			text-align: center;
			line-height: 34rpx;
		}
	}

	.body {
		width: 100%;
		height: 100%;
		background-color: #f3f5f7;
	}



	.Auto {
		width: 750rpx;
		height: 265rpx;
		position: relative;
		 background-color: #FFFFFF;

		.title {
			width: 601rpx;
			height: 88rpx;
			font-family: Source Han Serif SC;
			font-weight: 800;
			font-size: 35rpx;
			color: #070707;
			line-height: 50rpx;
			// background-color: #0874FA;
			position: absolute;
			top: 48rpx;
			left: 29rpx;
		}

		.bottom {
			width: 670rpx;
			height: 100rpx;
			position: absolute;
			bottom: 20rpx;
			left: 29rpx;

			.context {
				width: 670rpx;
				height: 100rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.Left {
					width: 54rpx;
					height: 54rpx;

					.img {
						width: 54rpx;
						height: 54rpx;
					}
				}
			}
		}

	}

	.Center {
		width: 500rpx;
		margin-left: 10rpx;

		.heads {
			width: 435rpx;
			height: 22rpx;
			font-family: Source Han Sans CN;
			font-weight: 500;
			font-size: 24rpx;
			color: #070707;
			line-height: 22rpx;
		}

		.fabu {
			width: 360rpx;
			height: 30rpx;
			margin-top: 10rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.time {
				display: inline-block;
				width: 260rpx;
				// height: 17rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 22rpx;
				color: #999999;
			}
		}
	}

	.right {
		width: 170rpx;
		height: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 21rpx;
		color: #9494A3;
		text-align: center;

	}

// 内容一

	.content {
		width: 750rpx;
		// height: 1583rpx;
		// background-color: green;
		margin-top: 20rpx;
		// background-color:darkgreen;
		background-color: #FFFFFF;
		position: relative;
		.content-one{
			width:220rpx;
			height:31rpx ;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-left: 10rpx;
			.conten-text{
				width: 200rpx;
				height: 31rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 31rpx;
				color: #070707;
				margin-top: 49rpx;
				
			}
			.content-head {
				width: 25rpx;
				height: 27rpx;
				margin-top: 50rpx;
				image{
					width: 25rpx;
					height: 27rpx;
				}
				
			}
		}
		
	}

	.contet-contect {
	  width: 698rpx;
	  font-family: Source Han Sans CN;
	  font-weight: 400;
	  font-size: 29rpx;
	  color: #333333;
	  margin-top: 40rpx; /* 替代绝对定位的 top */
	  margin-left: 20rpx; /* 替代绝对定位的 left */
	  text-indent: 30rpx;
	  line-height: 53rpx;
	  margin-top: 60rpx;
	  margin-bottom: 30rpx;
	  padding: 10rpx 10rpx;
	}

.img{
	width: 750rpx;
	// height: 1583rpx;
	// background-color: green;
	margin-top: 20rpx;
	// background-color:darkgreen;
	position: relative;
	
}
	.picture{
		width: 750rpx;
		// height: 283rpx;
		// background-color: green;
		margin-top: 20rpx;
		 background-color: #FFFFFF;
		position: relative;
		.content-one{
			width:220rpx;
			height:31rpx ;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-left: 20rpx;
			.conten-text{
				width: 200rpx;
				height: 31rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 31rpx;
				color: #070707;
				margin-left: 10rpx;
				margin-top: 48rpx;
			}
			.content-head {
				width: 25rpx;
				height: 27rpx;
				margin-top: 50rpx;
				image{
					width: 25rpx;
					height: 27rpx;
				}
				
			}
		}
		.iju{
			width: 713rpx;
			width: 698rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 29rpx;
			color: #333333;
			margin-top: 30rpx; /* 替代绝对定位的 top */
			margin-left: 20rpx; /* 替代绝对定位的 left */
			image{
				width: 713rpx;
				height: 595rpx;
			}
		}
	}
</style>